<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>私密直播</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
 <script src="../js/jquery.min.js?v=2.1.4"></script>
 <script src="../js/core.js"></script>
 <script src="../js/20.5.0simizhibo.js"></script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">私密直播</h1>
    </header>
</div>
<!--私密直播-->
<div class="fabu_dianpu1">
	<input type="text" id="fengmian"/>
	<div id="preview1">
        <img id="imghead1" border=0 src="../images/upload.png" />
    </div>
    <h5>精美的封面图能吸引买家进入观看</h5>
    <div class="fabu_file1"><input type="file" onchange="previewImage1(this)" /></div>
</div>
<div class="dingdan_title">直播标题</div>
<div class="zhibo_text">
	<input type="text" placeholder="请输入本次直播特色的标题" id="biaoti"/>
</div>
<div class="dingdan_title">请输入房间密码</div>
<div class="zhibo_text">
	<input type="password" placeholder="6位以内的英文或数字"  id="mima"/>
</div>

<div class="dingdan_title">直播商品打包优惠(范围0.1-1)</div>
<div class="zhibo_text">
	<input type="number" placeholder="优惠折扣"  id="youhuijuan"/>
</div>


<div class="dingdan_title">每天自动推荐时间段</div>
<div class="tuijian_time">
	<ul>
		<li class="clearfix">
			<span>开始时间</span>
			<div class="ui-alert result" id="kaishi">请选择</div>
			<button id="demo08" data-options='{"type":"time"}' class="btn mui-btn mui-btn-block">选择时间 ...</button>
		</li>
		<li class="clearfix">
			<span>结束时间</span>
			<div class="ui-alert result1" id="jieshu">请选择</div>
			<button id="demo09" data-options='{"type":"time"}' class="btn1 mui-btn mui-btn-block" >选择时间 ...</button>
		</li>
	</ul>
</div>



<div class="dingdan_title" id="tuijianshangping">推荐商品(0/30)</div>
<!--商品选择-->
<div class="huodong_shangpin" id="fabuweihuo">
</div>
<div class="public-jianxi"></div>
<div class="sell_add">
	<a href="22.1.2huodong_goods.html?iss=7">加入商品<span>本次直播中主推的商品</span></a>
</div>
<div class="mid-width" id="kaishizhibo">
    <input type="button" class="p_button" onclick="tijiaos()" value="开始私密直播">
</div>

<link rel="stylesheet" href="../css/mui.min.css">
<!--App自定义的css-->
<link rel="stylesheet" type="text/css" href="../css/app.css" />
<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
<style>
	html,
	body,
	.mui-content {
		height: 0px;
		margin: 0px;
		background-color: #efeff4;
	}
	h5.mui-content-padded {
		margin-left: 3px;
		margin-top: 20px !important;
	}
	h5.mui-content-padded:first-child {
		margin-top: 12px !important;
	}
	.mui-btn {
		font-size: 16px;
		padding: 8px;
		margin: 3px;
	}
	.ui-alert {
		text-align: center;
		padding: 20px 10px;
		font-size: 16px;
	}
	* {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
	}
</style>

<script src="../js/mui.min.js"></script>
<script src="../js/mui.picker.min.js"></script>
<script>
	(function($) {
		$.init();
		var result = $('.result')[0];
		var btns = $('.btn');
		btns.each(function(i, btn) {
			btn.addEventListener('tap', function() {
				var optionsJson = this.getAttribute('data-options') || '{}';
				var options = JSON.parse(optionsJson);
				var id = this.getAttribute('id');
				/*
				 * 首次显示时实例化组件
				 * 示例为了简洁，将 options 放在了按钮的 dom 上
				 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
				 */
				var picker = new $.DtPicker(options);
				picker.show(function(rs) {
					/*
					 * rs.value 拼合后的 value
					 * rs.text 拼合后的 text
					 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
					 * rs.m 月，用法同年
					 * rs.d 日，用法同年
					 * rs.h 时，用法同年
					 * rs.i 分（minutes 的第二个字母），用法同年
					 */
					result.innerText = rs.y.text+"-"+rs.m.text+"-"+rs.d.text+"  "+rs.h.text+":"+rs.i.text;
					/* 
					 * 返回 false 可以阻止选择框的关闭
					 * return false;
					 */
					/*
					 * 释放组件资源，释放后将将不能再操作组件
					 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
					 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
					 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
					 */
					picker.dispose();
				});
			}, false);
		});
	})(mui);
	
	
	(function($) {
		$.init();
		var result = $('.result1')[0];
		var btns = $('.btn1');
		btns.each(function(i, btn) {
			btn.addEventListener('tap', function() {
				var optionsJson = this.getAttribute('data-options') || '{}';
				var options = JSON.parse(optionsJson);
				var id = this.getAttribute('id');
				/*
				 * 首次显示时实例化组件
				 * 示例为了简洁，将 options 放在了按钮的 dom 上
				 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
				 */
				var picker = new $.DtPicker(options);
				picker.show(function(rs) {
					/*
					 * rs.value 拼合后的 value
					 * rs.text 拼合后的 text
					 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
					 * rs.m 月，用法同年
					 * rs.d 日，用法同年
					 * rs.h 时，用法同年
					 * rs.i 分（minutes 的第二个字母），用法同年
					 */
					result.innerText = rs.y.text+"-"+rs.m.text+"-"+rs.d.text+"  "+rs.h.text+":"+rs.i.text;
						/* 
					 * 返回 false 可以阻止选择框的关闭
					 * return false;
					 */
					/*
					 * 释放组件资源，释放后将将不能再操作组件
					 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
					 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
					 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
					 */
					picker.dispose();
				});
			}, false);
		});
	})(mui);
	
</script>



<script type="text/javascript" src="../js/jquery-1.10.1.min.js" ></script>
<script type="text/javascript" src="../js/upload.js" ></script>
</body>
</html>